li{
    			list-style: none;
    		}
    		nav{
    			float: left;
    			margin-left: 40px;
    		} 
    		.row{
    			margin-left: -10px;
    			margin-right: -10px;
    		}
    		.cont{
    			max-width: 1200px;
    			width: 100%;
    			margin: 0 auto;
    			
    		} 
			.swiper-container-horizontal>.swiper-pagination-bullets{
				bottom: 10px;
			}
    		#niub_banner{
    			position: relative;
    			overflow: hidden;
    		} 		
    		#niub_banner ul{
    			
    			padding: 0;
    		}
    		#niub_banner .swiper-pagination-bullet{
    			width: 50px;
    			height: 5px;
    			background:rgba(255,255,255,50%);
    			opacity: 0.5;
    			border-radius: 0;
    		}
    		.metis .tp-bullet-title{
    			display: none;
    		}
    		#niub_banner .swiper-button-prev{
    			background-image: url(/img/L.png);
    		}
    		#niub_banner .swiper-button-next{
    			background-image: url(/img/R.png);
    		}
    		#niub_banner .swiper-pagination-bullet-active{
    			background-color: #fff;
    			opacity: 1;
    		}
    		#niub_banner li{
    			position: relative;
    		}
    		#niub_banner li .thisact{
    			position: absolute;
    			bottom: 10px;
    		}
    		#niub_banner li img{
    			width: 100%;
    		}
    		#niub_banner li .poimg2,#niub_banner li .poimg5,#niub_banner li .poimg7{
    			position: absolute;
    			 width: 60%;
    			 left: 20%;
    		}
    		
    		#niub_banner li .poimg2{
    			top: 50%;
    		}
    		#niub_banner li .poimg5{
    			bottom: 0px;
    		}
    		#niub_banner li .poimg7{
    			top: 40%;
    		}
    		.niub_menu{
    			overflow: hidden;
    			margin-bottom: 0;
    		}
    		.niub_menu .niub_menu_list{
    			float: left;    			
    		}
    		.menu_icon{
    			cursor: pointer;
    		}
    		.thismenu{
    			
    		}
    		.niub_menu_list .c-link:hover{
    			border-top: 3px solid #FF0000;
    		}
    		.link_menu{
    			border-top: 3px solid #FF0000;
    			padding-top: 18px !important;
    		}
    		.niub_menu .niub_menu_list .c-link{
    			padding:20px 0;
    			margin: 0 20px;
    		}
    		
    		.niub_menu .niub_menu_list a{
    			color: #fff;
    			font-size: 16px;    			
    		}
    		
    		.niub_menu .niub_menu_list .dropdown_nav{
    			display: none;
    			position: absolute;
    			top: 100%;
    			left: 0;
    			width: 100%;
    			
    			background: rgba(0,0,0,1);
    		}
    		
    		.dropdown_nav .dropdown_nav_list{
    			
    			line-height: normal;
    		}
    		.dropdown_nav .dropdown_nav_list .nav_list_in {
    			padding: 10px 60px;
    			display: block;
    			color: #fff;
    		}
    		.dropdown_nav{
    			padding: 30px 0 60px 0;
    		}
    		.dropdown_nav ul{
    			float: left;
    			width: 32%;
    			border-right: 1px solid #fff;
    		}
    		.dropdown_nav ul li{
    			margin-right: 10px;
    		}
    		.dropdown_nav ul li a{
    			font-size: 14px !important;
    		}
    		 .menu-btn {
				float: right;				
			}
 .colorf span,
 .colorf span:before,
 .colorf span:after {	
	height: 2px;
	width: 25px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transition: all 0.3s ease-out;
}
.colorb span,
 .colorb span:before,
 .colorb span:after {	
	height: 2px;
	width: 25px;
	background: #4c4c4c;
	position: absolute;
	display: block;
	content: '';
	transition: all 0.3s ease-out;
}
.width span:before{
	width: 18px;
	position: absolute;
	right: 0;
}
.width span:after{
	width: 20px;
	position: absolute;
	right: 0;
}
.widthw span:before{
	width: 25px;
	position: absolute;
	right: 0;
}
.widthw span:after{
	width: 25px;
	position: absolute;
	right: 0;
}
.menu-btn{
	width: 25px;
	height: 10px;
}
 .menu-btn span:before {
	top: -8px;
}

.menu-btn span:after {
	bottom: -8px;
}

 .menu-btn:after {
	content: '';
	position: absolute;
	right: 0;
	top: -9px;
	font-size: 0.88889em;
	transition: all 0.3s ease-out;
}
 .menu-btn.is-active span {
	background-color: transparent;
}

 .menu-btn.is-active span:before,
 .menu-btn.is-active span:after {
	top: 0;
	background: white;
}

 .menu-btn.is-active span:before {
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

 .menu-btn.is-active span:after {
	-moz-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-webkit-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}

 .menu-btn.is-active:after {
	color: white;
}
    		
    		
    		.positionr{
    			position: relative;
    		}
    		
    		.c-bg-myimg{
    			background: url(../../../img/bg.png) no-repeat;
    			background-size: cover;
    			margin-top: -10px;
    		}
    		.my_pro{
    			box-shadow: 0px 0px 30px -2px #000000;
    			overflow: hidden;
    		}
    		.my_pro_listl{
    			float: left;
    			width: 25%;
    			position: relative;
    		}
    		.my_pro .my_pro_list{
    			float: left;
    			overflow: hidden;
    			width: 75%;
    			padding: 0;
    			margin-bottom: 0;
    		}
    		.my_pro .my_pro_list .mylist{
    			width: 33.33%;
    			float: left;
    			position: relative;
    		}
    		.my_pro .my_pro_list li img,.my_pro .my_pro_listl img{
    			display: block;
    			width: 100%;
    			height: 100%;
    		}
    		.my_pro .my_pro_list li .change_box,.my_pro .my_pro_listl .change_box{
    			width: 70%;
    			height: 17%;
    			position: absolute;
    			right: 0;
    			bottom: 0;
    			transition: width 0.3s,height 0.5s;
    			cursor: pointer;
    			background: linear-gradient(to bottom,#ed1b2e 30%,rgba(157,26,29,0.8) 100%);
    		}
    		.my_pro .my_pro_listl .change_box_this{
    			height: 8.5%;
    		}
    		.my_pro_listl .sp{
    			display: none !important;
    		}
    		.my_pro .my_pro_list li .change_box h1,.my_pro .my_pro_listl .change_box h1{
    			font-size: 17px;
    			padding:5.5% 10px;
    			color: #fff;
    			font-weight: normal;
    		}
    		.my_pro .my_pro_list li .change_box h1 img,.my_pro .my_pro_listl .change_box  h1 img{
    			width: 20px;
    			height: 20px;
    			float: right;
    		}
    		
    		
    		.my_pro .txt{
    			color: #fff;
    			position: absolute;
    			left: 15px;   			
    			top: 70px;
    			display: none;
    			opacity: 0;
    		}
    		.my_pro .txt p{
    			padding-bottom: 20%;
    			font-size: 12px;
    			color: #fff;
    		}
    		.my_pro .txt .txt_list{
    			visibility: hidden;
    			overflow: hidden;
    		}
    		.my_pro .txt .txt_list ul{
    			float: left;
    			padding: 0;
    			width: 33.33%;
    		}
    		.my_pro .txt .txt_list ul li{
    			font-size: 12px;
    		}
    		.my_pro .txt .txt_list ul li a{
    			color: #fff;
    			
    		}
    		.my_pro .txt .txt_list ul li a:hover{text-decoration: underline;}
    		.niub_container{
    			
    		}
    		.niub_container_l{
    			float: left;
    			width:31% ;
    		}
    		.niub_container img{
    			width: 100%;
    			display: block;
    		}
    		.niub_container .niub_news{
    			width: 100%;
    			overflow: hidden;
    			margin-top: 15px;
    			height: 145px;
    			padding: 0 15px;
    			box-sizing: border-box;
    		}
    		.niub_container .niub_news span{
    			font-size: 12px;
    			color: #CCCCCC;
    			
    		}
    		.niub_container .niub_news_list{
    			
    		}
    		.niub_container .niub_news_list h1{
    			font-size: 17px;
    			font-weight: bold;
    			line-height: 27px;
    			overflow: hidden;
    			display: -webkit-box;
		        -webkit-line-clamp:2;
		        -webkit-box-orient: vertical;
    			text-overflow: ellipsis;
    			margin: 0;
    		}
    		.niub_container .niub_news p{
    			margin: 15px 0;
    			font-size: 13px;
    			line-height: 20px;
    		}
    		.niub_container_l .niub_news p{
    			overflow: hidden;
    			display: -webkit-box;
		        -webkit-line-clamp:2;
		        -webkit-box-orient: vertical;
    			text-overflow: ellipsis;
    		}
    		.niub_container .news_more{
    			padding: 0 15px;
    			box-sizing: border-box;
    		}
    		.niub_container .news_more a{
    			color: #428DE4;
    			font-size: 13px;
    		}
    		.niub_container_c{
    			float: left;
    			margin: 0 3.5%;
    			width:31%;
    		}
    		.niub_container_r{
    			float: left;
    			width:31% ;
    			/*padding: 26px 15px;*/
    			box-sizing: border-box;
    		}
    		.niub_container_r p{
    			font-size: 13px;
    			line-height: 20px;
    		}
    		.niub_container_r p a{
    			color: #5c6873;
    		}
    		.niub_container_r p span{
    			width: 5px;
    			height: 5px;
    			display: inline-block;
    			background-color: #52abe7;
    			border-radius: 50%;
    			margin: 0 5px 1px 0;
    		}
    		.niub_container_r input{
    			width: 200px;
    			display: block;
    			margin: 0 auto;
    			height: 50px;
    			color: #fff;
    			font-size: 17px;
    			background: linear-gradient(to bottom,#ed1b2e,rgba(157,26,29,0.8));
    			border: none;
    			margin-top: 25px;
    			border-radius: 0;
    		}
    		.niub_container_r input:focus{
    			outline: none;
    		}
    		.niub_news_list{
    			background-color: #fff;	
    			padding-bottom: 20px;
    		}
    		.niub_news_list:hover{
    			box-shadow: 0px 0px 30px -10px #000000;
    		}
    		#topics_index{
    			background: url(/img/TOPIC.jpg) no-repeat center center; 
    			background-size: cover;
    		}
    		/*.topics_img{
    			overflow: hidden;   			
    			
    			float: left;
    		}
    		.topics_img:hover{
    			box-shadow: 0px 0px 30px -10px #000000;
    		}
    		.topics_img a{
    			display: block;
    		}
    		.topics_img a img{
    			display: block;
    			width: 100%;
    			transition: all 0.8s;
    		}
    		.topics_img a img:hover{
    			transform: scale(1.05);
    			
    		}
    		.topics_img:nth-child(1){
    			width: 65%;
    		}
    		.topics_img:nth-child(2){
    			width: 33%;
    			margin: 0;
    			margin-left: 2%;
    		}*/
    		.video_mask{
    			position: fixed;
    			width: 100%;
    			height: 100%;
    			left: 0;
    			top: 0;
    			background: rgba(0,0,0,0.9);
    			display: none;
    			
    		}
    		.video_mask video{
    			width: 40%;
    			margin: 0 auto;
    			display: block;
    			margin-top: 16%;
    		}
    		
    		.pc{display: block}
            .sp{display: none }
            @media only screen and (max-width:374px ) {
            	.my_pro .my_pro_list li .change_box h1{
            		font-size: 12px;
            		margin: 0;
            		padding:7px 5px;
            	}
            	.my_pro .my_pro_list li .change_box h1 img{
            		width: 12px;
            		height: 14px;
            	}
            }
            @media only screen and (min-width: 374px) and (max-width: 767px) {
            	.my_pro .my_pro_list li .change_box{
            		height: 24%;
            	}
            	.my_pro .my_pro_list li .change_box h1,.my_pro .my_pro_listl .change_box h1{
            		font-size: 16px;
            		margin: 0;
            		padding:6.5% 10px;
            	}
            	.my_pro .my_pro_list li .change_box h1 img,.my_pro .my_pro_listl .change_box h1 img{
            		width: 17px;
            		height: 17px;
            	}
            }
            @media only screen and (max-width: 1200px) {
            		.cont{padding: 0 15px;}
            }
    		@media only screen and (max-width:991px ) {
    			.video_mask video{
		width: 100%;
		margin-top: 60%;
	}
	
    			.mylist{width: 50% !important;}
    			.my_pro_listl{
    				width: 100%;
    			}
    			
    			.my_pro_listl .pc{
    				display: none !important;
    			}
    			.my_pro_listl .sp{
	    			display: block !important;
	    		}
	    		.my_pro .my_pro_listl .change_box_this{
	    			height: 17%;
	    			width: 35%;
	    		}
    			.my_pro .my_pro_list{
    				width: 100%;
    			}
    			.niub_container .niub_news{
    				height: auto;
    			}
    			#niub_search{
    			width: 80%;
    			float: none;
    			margin:30px auto;
    			
    		}
    		#topics{
    			background: url(/img/TOPIC-BG-SP.jpg) no-repeat; 
    			background-size: 100% 100%;
    		}
    			.pc{display: none}
 				.sp{display: block}
 				.topics_img{width: 100%;}
    			
    			.niub_container_l{
    				width: 100%;
    			}
    			.niub_container_c{
    				width: 100%;
    				margin: 30px 0;
    			}
    			.niub_container_r{
    				width: 100%;
    				padding-top: 0;
    			}
    			
    		}
    		@media only screen and (max-width:1025px ) {
    			 .my_pro .txt p{
    			 	font-size: 14px;
    			 }  	
    			 .my_pro .txt .txt_list ul li{
    			 	font-size: 12px;
    			 }
    			 .my_pro .txt p{
    			 	margin-bottom: 10%;
    			 }		
    			.niub_f1_sp input{margin: 30px auto;}
    			.niub_f1_sp h3{font-weight: bold;line-height: 30px;}
    			.niub_f1_sp{width: 95%;text-align: center;padding: 15px 0;margin-bottom: 30px;margin: 0 auto;float: none;}
    			.niub_f1_sp p{margin-top: 0;}
    			.niub_f1_sp ul{margin: 0 auto;width: 120px;margin-top: 10px;overflow: hidden;padding: 0;}
    			.niub_f1_sp span{width: 20px;height: 2px;display: block;margin: 15px auto;background-color: red;}
    			.c-layout-footer-6{padding-top: 0;}
    		}